<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<script>
			// 传统 URL 传参
			// fetch 方法第一个参数是接口地址
			// 第二个参数是一个对象，对象里面是请求的信息等
			fetch('http://127.0.0.1:3000/books?id=2', {
				method: 'get'
			})
				.then((data) => {
					return data.text()
				})
				.then((data) => {
					console.log(data)
				})

			// restFull 接口规范
			// 只和请求的方式有关，和请求地址无关
			fetch('http://127.0.0.1:3000/books/3', {
				method: 'get'
			})
				.then((data) => {
					return data.text()
				})
				.then((data) => {
					console.log(data)
				})

			// delete 请求
			fetch('http://127.0.0.1:3000/books/4', {
				method: 'delete'
			})
				.then((data) => {
					return data.text()
				})
				.then((data) => {
					console.log(data)
				})
		</script>
	</body>
</html>
